var p = Object.defineProperty;
var u = (t, o, e) => o in t ? p(t, o, {
  enumerable: !0,
  configurable: !0,
  writable: !0,
  value: e
}) : t[o] = e;
var s = (t, o, e) => (u(t, typeof o != "symbol" ? o + "" : o, e),
  e);
import { V as _, C as v, n as f } from "./index-9e4bc268.js";
var b = Object.defineProperty
  , m = Object.getOwnPropertyDescriptor
  , d = (t, o, e, i) => {
    for (var n = i > 1 ? void 0 : i ? m(o, e) : o, l = t.length - 1, r; l >= 0; l--)
      (r = t[l]) && (n = (i ? r(o, e, n) : r(n)) || n);
    return i && n && b(o, e, n),
      n
  }
  ;
let a = class extends _ {
  constructor() {
    super(...arguments);
    s(this, "positionList", [{
      position: "top",
      label: "上方"
    }, {
      position: "bottom",
      label: "下方"
    }, {
      position: "left",
      label: "左侧"
    }, {
      position: "left-top",
      label: "左上方"
    }, {
      position: "left-bottom",
      label: "左下方"
    }, {
      position: "right",
      label: "右侧"
    }, {
      position: "right-top",
      label: "右上方"
    }, {
      position: "right-bottom",
      label: "右下方"
    }]);
    s(this, "article", {
      title: "菩提偈",
      author: "惠能",
      content: [`菩提本无树，明镜亦非台。
佛性常清净，何处有尘埃！`, `身是菩提树，心为明镜台。
明镜本清净，何处染尘埃！`, `菩提本无树，明镜亦非台。
本来无一物，何处惹尘埃！`, `菩提只向心觅，何劳向外求玄？
听说依此修行，西方只在目前！`]
    });
    s(this, "options", {
      position: "bottom",
      visible: !1
    })
  }
}
  ;
a = d([v], a);
var h = function () {
  var t = this
    , o = t.$createElement
    , e = t._self._c || o;
  return e("s-flex", {
    attrs: {
      direction: "column",
      "align-items": "center",
      gap: "5em"
    }
  }, [e("s-flex", {
    attrs: {
      "justify-content": "center",
      gap: "1em"
    }
  }, t._l(t.positionList, function (i) {
    return e("s-radio", {
      key: `position-radio-${i.position}`,
      attrs: {
        label: i.position
      },
      model: {
        value: t.options.position,
        callback: function (n) {
          t.$set(t.options, "position", n)
        },
        expression: "options.position"
      }
    }, [t._v(t._s(i.label))])
  }), 1), e("s-button", {
    attrs: {
      id: "click-button",
      theme: "primary"
    },
    on: {
      click: function (i) {
        t.options.visible = !0
      }
    }
  }, [t._v("点击触发")]), e("s-popover", {
    attrs: {
      target: "#click-button",
      visible: t.options.visible,
      trigger: "click",
      position: t.options.position,
      "special-class": "article-popover",
      "with-arrow": ""
    },
    on: {
      "update:visible": function (i) {
        return t.$set(t.options, "visible", i)
      }
    }
  }, [e("s-flex", {
    attrs: {
      direction: "column",
      gap: "0.5em"
    }
  }, [e("div", {
    staticClass: "article-title"
  }, [t._v("《" + t._s(t.article.title) + "》")]), e("div", {
    staticClass: "article-author"
  }, [t._v(t._s(t.article.author))]), e("div", {
    staticClass: "article-content"
  }, [e("ul", t._l(t.article.content, function (i, n) {
    return e("li", {
      key: `sentence-item-${n}`
    }, [t._v(" " + t._s(i) + " ")])
  }), 0)])])], 1)], 1)
}
  , g = [];
const c = {};
var x = f(a, h, g, !1, y, null, null, null);
function y(t) {
  for (let o in c)
    this[o] = c[o]
}
const $ = function () {
  return x.exports
}();
export { $ as default };
